.home {
  width: 100%;
  height: 100%;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  display: flex;

  .top {
    display: flex;
    flex: 1;

    .left_box {
      flex: 1;

      .today_new,
      .month_new {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 200px;
        height: 70px;
        margin: 26px 0 0 40px;
        border: 1px solid rgb(187, 187, 187);

        .today_new_box,
        .month_new_box {
          display: flex;
          flex-direction: column;

          span {
            &:nth-child(2) {
              text-align: center;
            }
          }
        }
      }

    }

    .middle_box {
      flex: 2;
      background-color: rgb(255, 255, 255);
      border-left: 1px solid #e8e8e8;
      border-right: 1px solid #e8e8e8;
      position: relative;
    }

    .right_box {
      flex: 1;
      background-color: #ffffff;
      margin-top: 50px;
      margin-left: 30px;

      p {
        &:nth-child(1) {
          font-size: 20px;
          font-weight: bold;
        }

        &:nth-child(n+2) {
          margin-left: 20px;
        }
      }
    }
  }

  .bottom {
    flex: 1;
    background: rgba(207, 210, 214,0.1);
    border-top: 1px solid #e8e8e8;
    width: 100%;
    height: 100%;

    #bottom_content {
      width: 1530px;
      height: 400px;
    }
  }
}